<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>固定IP管理</title>
	<link rel="stylesheet" href="../../css/index.css" />
	<link rel="stylesheet" href="../../js/plugins/animateTip/default-style/css/content.css" />
	<link rel="stylesheet" href="../../js/plugins/pagination/default-style/css/pagination.css">
	<link rel="stylesheet" href="../../js/plugins/pagination/default-style/css/pagination.extend.css">
</head>
<body>
<!--列表内容-->
<div class="mirror-page page-bg">
	<div class="search-panel b-r-0">
		<!--搜索区域内容-->
		<div class="search-box pos-re">
			<a class="create-out-ip create-virtual tc_btn"><i class="add-icon select_icon"></i>创建固定IP</a>
		</div>
	</div>
	<!--外网IP列表-->
	<div class="table">
		<ul class="ul_head">
			<li style="width: 13%;border:none;padding-left: 3%;">IP段</li>
			<li style="width: 16%">网关</li>
			<li style="width: 20%">分配池</li>
			<li style="width: 8%">数量</li>
			<li style="width: 16%">DNS</li>
			<li style="width: 22%">操作</li>
		</ul>
		<ul class="ul_body">
			<li class="li_tr">
				<ul>
					<li class="ul_body_td" style="width: 13%;border:none;padding-left: 3%;">
						<p class="td_content ip">
							172.27.108.0/24
						</p>
					</li>
					<li class="ul_body_td" style="width: 16%">
						<p class="td_content gateway">172.27.108.254</p>
					</li>
					<li class="ul_body_td pool-panel" style="width: 20%">
						<p class="pool td_content t-out w-240" data-tip="172.27.108.124 - 172.27.108.022<br/>172.27.108.124 - 172.27.108.022<br/172.27.108.124 - 172.27.108.022<br/>172.27.108.124 - 172.27.108.022<br/172.27.108.124 - 172.27.108.022<br/>172.27.108.124 - 172.27.108.022<br/172.27.108.124 - 172.27.108.022<br/>172.27.108.124 - 172.27.108.022<br/172.27.108.124 - 172.27.108.022<br/>172.27.108.124 - 172.27.108.022<br/172.27.108.124 - 172.27.108.022<br/>172.27.108.124 - 172.27.108.022">172.27.108.124 - 172.27.108.022</p>
					</li>
					<li class="ul_body_td" style="width: 8%">
						<p class="td_content">23</p>
					</li>
					<li class="ul_body_td" style="width: 16%">
						<p class="dns td_content t-out">114.114.114.114</p>
					</li>
					<li class="ul_body_td" style="width: 22%">
						<div class="handle-select select_panel">
							<a class="edit-ip-btn td_btn">编辑</a>
							<a class="td_btn unc">删除</a>
							<span class="undel-icon" data-tip="使用中，不可删"></span>
						</div>
					</li>
				</ul>
			</li>
		</ul>
	</div>
	<!--底部分页-->
	<div class="table-footer">
		<!--设置每页显示条数-->
		<div class="change-record">
			<label class="foot-label">每页显示</label>
			<div class="record-select">
				<p class="now-record"><span>10</span><i class="show-record-ul com_icon"></i></p>
					<ul class="record-ul d-n">
						<li class="record-item">10</li>
						<li class="record-item">20</li>
					</ul>
				<span class="record-unit">条</span>
			</div>
		</div>
		<div class="pagination-panel">
			<div id="pagination" class="f-l"></div>
			<div class="page-extend f-l">
				<div class="jump-page">
					<label class="jump-title mr-5">跳转到</label>
					<div class="jump-num d-ib">
						<input id="jumpNum" type="text" class="jump-text" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"/>
						<a id="jumpBtn" class="jump-btn">GO</a>
					</div>
					<div class="page-count d-ib ml-10 color6f87ab">共<span id="pageCount" class="count-num color0099ff">50</span>条数据</div>
				</div>
			</div>
		</div>
	</div>
</div>
</body>
<script type="text/javascript" src="../../js/libs/jquery-1.11.1.min.js"></script>
<script src="../../js/libs/jquery-ui/jquery.ui.position.min.js" type="text/javascript"></script>
<script src="../../js/plugins/niceScroll/js/jquery.nicescroll.js" type="text/javascript"></script>
<script src="../../js/plugins/animateTip/default-style/js/jquery.animateTip.js" type="text/javascript"></script>
<script src="../../js/plugins/pagination/default-style/js/jquery.pagination.js" type="text/javascript"></script>
<script src="../../js/plugins/pagination/default-style/js/jquery.pagination.extend.js" type="text/javascript"></script>
<script type="text/javascript" src="../../js/view/networkManage/outNetIp.js"></script>

</html>
